html{
    font-family:"Muli",Sans;
    /*background-image: url("https://www.azimuthfoundation.net/wp-content/themes/Azimuth%20-%20Spatial%20Electroacoustic%20Music/css/images/stripe-3.png");
    background-attachment: fixed;*/
}
body {
  height: 100%;
  color: black;
  font-family: Muli, Ubuntu, Verdana, Tahoma, serif;
}

figcaption{
  padding: 5px;
  font-size: small;
  background-color: black;
  color:white;
}

li{
  list-style: none;
}
li a{
  color:white!important;
}
ul{
  margin:5px;
  padding-bottom: 10px;
  text-align: left;
}

.counter-top-bar{
    height:90px;
}

.content{
  width: auto!important;
  margin: auto!important;
  background-color: ;
  text-align:center!important;
  font-size:medium;

}

/* EVENT's CLASSES */
.eventi{
  /*  align-content: flex-end;
    justify-content: flex-end;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse; 
    flex-direction: row-reverse;*/
}
.event{
  text-align: left;
  background-color: black;
  border:1px solid black;
  color:white!important;
}
.flyer-slot{

}
.flyer{
  border:1px solid white;
  margin-top: 10px;
  margin-bottom: 10px;
}
.title-event{
  font-size: xx-large;
  text-align: center;
}
.location-event{
  text-align: center;
}
.event-lineup{
  padding:10px;
}
.more{
  color: white;
  top:10px;
  right:10px;
  position:relative;
  float: right;
  background-color: ;
}

.more a{
  color:white!important;
  line-height: 0%;
}
.fb-plus{
  font-size: x-large;
  line-height: 0%;
}
.share{
  margin-right: 8px;
}
.share img{
  width: 12px;
}
.date-event{
  top:10px;
  left:10px;
  position:relative;
  float: left;
}
.withActsBy{
  margin-bottom: 15px;
}
li.event-description{
  margin-top: 15px;
  font-size: small!important;
  text-align: justify-all;
}

/* Footer */
.footer-wrap{
  position: relative;
  bottom:0px;
  margin:auto!important;
  margin-top: 30px!important;
  width: auto;
  height: 110px;
  padding:10px;
  background-color: black!important;
}
.footer{
  color: white;
  font-size: x-small;
}
.footer-logo{
  text-align: center!important;
  margin: auto!important;
  width: 60px;
}

/* FOOTER_SOCIAL */
/*.social{
  display: inline-block!important;
  background-color: ;
  float: left;
  margin-left: 10px;
}*/
.social{
  text-align: left;
  position: absolute;
  background-color: ;
  width: auto!important;
  left:20px;
  top: 20px;
}
.social a{
  padding-top: 20px;
  color: white!important;
}
.more-features{
  font-size: medium!important;
  float: right;
  margin-right: 20px;
}
.more-features a{
  color: white!important;
}
.copyrights-list{
  padding-top: 30px;
  list-style: none;
  margin:auto!important;
  background-color: ;
  width: 200px;
  text-align: center!important;
}
.copyright{
  margin-top: 10px;
}
div.fb{
  display: inline-block;
  width: 20px!important;
  font-size: 14pt;
  font-weight: 200;
  padding: 5px;
  margin-right: 0px;
  background: white;
  color:black;
  -webkit-transition: background 1.5s, color 1.5s; /* Safari */
  transition:background 1.5s, color 1.5s ease;
  text-align:center;
}

div.fb:hover {
  background-color:#3b5998;
  color:white;
}

div.vimeo{
  display: inline-block;
  text-align: center;
  width: 20px!important;
  font-size: 14pt;
  font-weight: 200;
  padding: 5px;
  background: white;
  color:black;
  -webkit-transition: background 1.5s, color 1.5s; /* Safari */
  transition:background 1.5s, color 1.5s ease;
}
div.vimeo img{
  width: 15px;
}
div.vimeo:hover{
  background-color: #00B8E5;
  color:white;
}


/*UTILITY*/

.margin-top-1{
  margin-top: 40px!important;
}
.margin-2{
  margin:10px;
}
.no-bottom-space{
  padding-bottom: 0px;
  margin-bottom:0px;
}
.border-solid{
  border:1px solid black;
}
.border-dashed{
  border:1px dashed black;
}
.center-align{
  text-align:center!important;
}
.left-align{
  text-align: left;
}
.right-align{
  text-align: right;
}
.justify{
  text-align: justify;
}
.hide-on-desktop{
  display: none;
}
.hide{
  display: none;
}
.black{
  color:black!important;
}

@media screen and (min-height: 760px) {
/* Footer */
.footer-wrap{
  position: relative;
  bottom:0px;
  margin:auto!important;
  margin-top: 30px!important;
  width: auto;
  height: 110px;
  padding:10px;
  background-color: black!important;
}

}

@media screen and (max-width: 1050px) , screen and (min-height: 760px) {
/* Footer */
.footer-wrap{
  position: relative;
  bottom:0px;
  margin:auto!important;
  margin-top: 30px!important;
  width: auto;
  height: 110px;
  padding:10px;
  background-color: black!important;
}

}


@media screen and (max-width: 1050px) {
/* Footer */
.footer-wrap{
  position: relative;
  bottom:0px;
  margin:auto!important;
  margin-top: 30px!important;
  width: auto;
  height: 110px;
  padding:10px;
  background-color: black!important;
}

}


@media screen and (max-width: 950px) {

.event{
  text-align: left;
}
.title-event{
  text-align: center;
}
.location-event{
  text-align: center;
}
.event-lineup{
  text-align: center;
}

/* Footer */
.footer-wrap{
  position: relative;
  bottom:0px;
  margin:auto!important;
  margin-top: 30px!important;
  width: auto;
  height: 110px;
  padding:10px;
  background-color: black!important;
}

li.event-description{
  margin-top: 15px;
  font-size: small!important;
  text-align: justify-all!important;
}
}

@media screen and (max-width: 768px) , screen and (min-height: 760px) {
/* Footer */
.footer-wrap{
  position: relative;
  bottom:0px;
  margin:auto!important;
  margin-top: 30px!important;
  width: auto;
  height: 110px;
  padding:10px;
  background-color: black!important;
}

li.event-description{
  margin-top: 15px;
  font-size: small!important;
  text-align: justify-all!important;
}
}


@media screen and (max-width: 768px) {
/* Footer */
.footer-wrap{
  position: relative;
  bottom:0px;
  margin:auto!important;
  margin-top: 30px!important;
  width: auto;
  height: 110px;
  padding:10px;
  background-color: black!important;
}

li.event-description{
  margin-top: 15px;
  font-size: small!important;
  text-align: justify-all!important;
}
}

@media screen and (max-width: 650px) {

.content{
  width: auto!important;
  margin: auto!important;
  background-color: ;
  text-align:center;
  font-size:medium;
}
.container12{
  margin:auto!important;
}
.event{
  text-align: left;
}
.title-event{
  text-align: center;
}
.location-event{
  text-align: center;
}
.event-lineup{
  text-align: center;
  padding-bottom: 20px;
}
li .event-description{
  margin-top: 15px;
  font-size: small!important;
  text-align: justify-all!important;
}
/* Footer */
.footer-wrap{
  position: relative;
  bottom:0px;
  margin:auto!important;
  margin-top: 30px!important;
  width: auto;
  height: 110px;
  padding:10px;
  background-color: black!important;
}
/* FOOTER_SOCIAL */
/*.social{
  padding-top: 30px;
  padding-bottom: 30px;
  display: inline-block!important;
  background-color: ;
  width: 100%;
  margin:auto!important;
}*/
.footer{
  width: 100%;
  background-color: ;
  overflow: hidden;
}
.social{
  left: 0px;
  margin:auto!important;
  position: relative!important;
  text-align: center;
  background-color: ;
}

.footer-logo{
  padding-top: 30px;
}
.copyrights-list{
  padding-top: 40px;
  list-style: none;
  margin:auto!important;
  background-color: ;
  width: 200px;
}
.copyright{
  font-size: x-small;
  margin-top: 20px;
  margin-bottom: 20px;
}


/* UTILITY */
.hide-on-mobiles{
    display:none;
}
.left_to_center_align{
  text-align:center;
}

.in-between{
    margin-top:30px!important;
}
.container12{
    margin-top:30px!important;
}
.counter-top-bar{
    height:90px;
}

}